.el-container {
	width: 100%;
	height: 100%;
	.el-header {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 55px;
		padding: 0 15px 0 0;
		overflow-y: hidden;
		border-bottom: 1px solid #f1f1f1;
		.logo {
			padding-left: 20px;
			span {
				padding-right: 30px;
				font-size: 22px;
				font-weight: bold;
				white-space: nowrap;
			}
			img {
				height: 40px;
				padding-right: 10px;
				margin-left: 15px;
				object-fit: contain;
			}
		}
		:deep(.el-menu) {
			flex: 1;
			overflow: hidden;
			border-bottom: none;
		}
	}
	.el-aside {
		width: auto;
		overflow: inherit;
		border-right: 1px solid var(--el-border-color);
		transition: all 0.3s ease;
		.menu {
			display: flex;
			flex-direction: column;
			height: 100%;
			transition: all 0.3s ease;
			:deep(.el-menu) {
				overflow-x: hidden;
				border-right: none;
				.el-menu-item:hover {
					color: var(--el-color-primary);
					background-color: transparent;
				}
				.el-menu-item {
					&.is-active {
						color: var(--el-color-primary);
						background-color: var(--el-color-primary-light-9);
						&::before {
							position: absolute;
							top: 0;
							right: 0;
							bottom: 0;
							width: 4px;
							content: "";
							background: var(--el-color-primary);
						}
					}
				}

				//子节点选中，设置父节点颜色
				.el-sub-menu.is-active > .el-sub-menu__title {
					color: var(--el-color-primary) !important;
				}
			}
		}
	}
}

// 横向顶部菜单
:deep(.el-menu--horizontal) {
	height: 54px !important;
	padding-top: 3px;
	.el-menu-item,
	.el-sub-menu {
		padding: 0;
		margin: 0 15px;
		font-size: 16px;
		.iconfont {
			font-size: 20px;
		}
		.el-sub-menu__title {
			height: 100%;
		}
	}
	.el-sub-menu__hide-arrow {
		width: 54px !important;
	}
	.el-menu-item:hover {
		color: var(--el-color-primary);
		background-color: transparent;
	}
	.el-menu-item.is-active {
		background-color: transparent;
		border-bottom: 2px solid var(--el-menu-active-color);
	}
}
.el-menu--popup {
	.el-menu-item {
		&.is-active {
			color: var(--el-color-primary);
			&::before {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				width: 4px;
				content: "";
				background: var(--el-color-primary);
			}
		}
	}
}
